layui.use(['table', 'laydate', 'form'], function () {
    var laydate = layui.laydate;
    var form = layui.form;
    var table = layui.table;
    flushTable({});
})

function flushTable(data) {
    layui.use(['table'], function () {
        var table = layui.table;

        table.render({
            elem: '#list'
            , url: '/back/product/findAll'//对应后台注解地址
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , page: true
            , where: data
            , parseData: function (res) { //res 即为原始返回的数据
                console.log(res);
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.total, //解析数据长度
                    "data": res.data //解析数据列表
                };
            }
            , cols: [[
                {field: 'id', width: 80, title: 'ID', sort: true}
                , {field: 'name', width: 80, title: '产品名称'}
                , {field: 'price', width: 80, title: '市场价', sort: true}
                , {field: 'normalPrice', width: 180, title: '正常价'}
                , {field: 'content', title: '描述', width: 180, minWidth: 100} //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
                , {field: 'isShow', title: '是否展示', sort: true, templet: '<div>{{d.isShow==1?"显示":"隐藏"}}</div>'}
                , {field: 'imgHref', title: '产品图片', width: 180, templet: '<div><img src="{{d.imgHref}}" width="30" height="30"></div>'}
                , {field: 'cuisineName', title: '菜系名称'}
                , {fixed: 'right', title: '操作', width: 250, align: 'center', toolbar: '#barDemo'}
            ]]
        });
    })
}